.page{width:100%;height:100%;position:absolute;top:0;left:0;z-index:99;background-color:#FFFFFF;}
.page .search-header{width:100%;height:1rem;border-bottom:1px solid #EFEFEF;display:flex;
display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.search-header .close{width:0.4rem;height:0.4rem;background:url('../../assets/images/common/search_x.png')
no-repeat;background-size:100%;background-position:center;margin:0.32rem;}
.search-header .search-wrap{width:78%;height:0.6rem;border:1px solid #B2B2B2;border-radius:0.08rem;
display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.search-wrap .search-input-wrap{width:85%;height:93%;border-right:1px solid #B2B2B2;}
.search-input-wrap .search-input{width:90%;height:93%;margin-left:0.2rem;font-size:0.28rem;}
.search-wrap .search-btn{width:0.48rem;height:0.48rem;background:url('../../assets/images/common/search_icon.png')
no-repeat #FFFFFF;background-position:center;background-size:100%;border:none;outline:none;margin-left:0.12rem;}

.search-main{width:100%;margin-top:0.6rem;}
.search-main.hide{display:none;}
.search-main .search-title-wrap{width:auto;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;
justify-content:space-between;-webkit-justify-content:space-between;padding:0 0.32rem;}
.search-title-wrap .search-title{width:auto;font-size:0.28rem;}
.search-title-wrap .bin{width:0.4rem;height:0.4rem;background:url('../../assets/images/common/bin.png') no-repeat;
background-size:100%;background-position:center;}
.search-main .search-keywords-wrap{width:auto;display:flex;display:-webkit-flex;justify-content:flex-start;
-webkit-justify-content:flex-start;padding:0 0.32rem;flex-wrap:wrap;-webkit-flex-wrap:wrap;margin-top:0.24rem;}
.search-keywords-wrap .keywords{width:30%;height:0.4rem;line-height:0.4rem;color:#717376;
border:1px solid #EFEFEF;border-radius:0.4rem;font-size:0.24rem;text-align:center;overflow:hidden;
margin:0 1.3% 0.2rem 1.3%;}